<template>
  <div>
    <img src="../../assets/logo.png" alt="logo" />
    <child-component
      :professional="professional"
      :name="name"
      @one.native="triggerOne"
      @two="triggerTwo"
    ></child-component>
  </div>
</template>
<script>
import ChildComponent from './ChildComponent'
export default {
  components: { ChildComponent },
  data () {
    return {
      professional: '屌丝码农',
      name: 'vue'
    }
  },
  methods: {
    triggerOne () {
      console.log('one')
    },
    triggerTwo () {
      console.log('two')
    }
  }
}
</script>
